<template>
  <div>
    <!-- el-tabs
          v-model:和对应选中项的name值
        el-tab-pane
            label:标题
            name:对应选中该项后的值
            默认插槽：对应项的内容
-->

    <el-tabs v-model="active">
      <el-tab-pane label="指南" name="1">指南</el-tab-pane>
      <el-tab-pane label="组件" name="2">组件</el-tab-pane>
      <el-tab-pane label="主题" name="3">主题</el-tab-pane>
      <el-tab-pane label="资源" name="4">资源</el-tab-pane>
    </el-tabs>
  </div>
</template>
<script>
export default {
  data() {
    return {
      active: '2'
    }
  }
}
</script>
<style></style>
